<template>
	<view class="JFxinxi">
		<view class="iconfont icon-icon_right correct"></view>
		<view class="succeed">缴费成功</view>
		<view class="record">您已成功缴费，可在个人中心中查看缴费记录</view>
		<view class="particulars" @click="JFparticulars">查看缴费详情</view>
		<view class="toHome" @click="toHome">返回首页</view>
	</view>
</template>

<script setup>
	//去缴费详情
	const JFparticulars = () => {
		uni.navigateTo({
			url: '/components/feng/JFxiangqing/JFxiangqing'
		})
	}
	//去首页
	const toHome = () => {
		uni.switchTab({
			url: '/pages/home/index/index'
		})
	}
</script>

<style lang="scss">
	.JFxinxi {
		display: flex;
		flex-direction: column;
		align-items: center;
		// border: 1px solid red;
		margin: 0 36rpx;
		margin-top: 100rpx;

		.correct {
			background-color: #006eff;
			width: 100rpx;
			height: 100rpx;
			border-radius: 50%;
			text-align: center;
			line-height: 100rpx;
			color: #fff;
			font-size: 50rpx;
		}

		.succeed {
			margin-top: 25rpx;
			font-size: 30rpx;
		}

		.record {
			margin-top: 25rpx;
			color: #b2b7bd;
		}

		.particulars {
			font-size: 30rpx;
			color: #fff;
			background-color: #006eff;
			text-align: center;
			width: 100%;
			height: 70rpx;
			line-height: 70rpx;
			margin-top: 200rpx;
		}

		.toHome {
			font-size: 30rpx;
			color: #006eff;
			background-color: #e4f0ff;
			text-align: center;
			width: 100%;
			height: 70rpx;
			line-height: 70rpx;
			margin-top: 30rpx;
		}
	}
</style>
